<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>${(uiLabelMap.entryPage)!}</title>
	<link rel="shortcut icon" href="/logo-gfs.png" type="image/x-icon">


</head>

<body>
<div id="index">


	<div class="topInfo" style="margin-bottom: 20px;height: 100px;">
		<div class="gongzhonghao" style="width: 30%;display: inline-block;float: left;"><div style="float: left;">
				<div style="height: 20px;line-height: 20px;text-align: center">${(uiLabelMap.qywx)!}</div>
				<img style="height: 80px;" src="http://eim.kejicloud.com/images/plqywx.png">
			</div>
		</div>
		<div class="title" style="width: 40%;height: 100%;line-height: 100px;float: left;font-size: 24px;font-weight: 700;text-align: center">${(uiLabelMap.entryInfo)!}</div>
	</div>

    <a-form-model
            v-if="state"
            ref="form"
            :model="form"
            :rules="rules"
            :label-col="labelCol"
            :wrapper-col="wrapperCol"
    >

        <a-descriptions title="${uiLabelMap.staffInfo}" >
            <a-row>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.name}" prop="name">
                        <a-input v-model="form.name"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.name}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.nameEn}" prop="nameEn">
                        <a-input v-model="form.nameEn"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.nameEn}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item style="opacity: 0" label="${uiLabelMap.nameEn}">
                        <a-input v-model="form.nameEn"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.nameEn}"></a-input>
                    </a-form-model-item>
                </a-col>


                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.gender}" prop="gender">
                         <a-select v-model="form.gender" placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.gender}"  >
                             <a-select-option :value="undefined">${uiLabelMap.pleaseInput}</a-select-option>
                             <a-select-option v-for="(item, key) in genderList" :key="key" :value="item.value">
                             <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
                                {{ item.text || item.label }}
                             </span>
                            </a-select-option>
                        </a-select>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.idCard}" prop="idCard">
                        <a-input v-model="form.idCard"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.idCard}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.birthday}"  prop="birthday">
                        <a-date-picker  />
<#--                        <a-date-picker-->
<#--                                :default-value="moment('2015/01/01', 'YYYY/MM/DD')"-->
<#--                                v-model="form.birthday"-->
<#--                                type="date"-->
<#--                                placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.birthday}"-->
<#--                        />-->
                    </a-form-model-item>
                </a-col>

                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.nationId}" prop="nationId">
                        <a-select v-model="form.gender" placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.gender}"  >
                            <a-select-option :value="undefined">${uiLabelMap.pleaseInput}</a-select-option>
                            <a-select-option v-for="(item, key) in nationIdList" :key="key" :value="item.value">
                             <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
                                {{ item.text || item.label }}
                             </span>
                            </a-select-option>
                        </a-select>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.wedlock}" prop="wedlock">
                        <a-select v-model="form.gender" placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.gender}"  >
                            <a-select-option :value="undefined">${uiLabelMap.pleaseInput}</a-select-option>
                            <a-select-option v-for="(item, key) in wedlockList" :key="key" :value="item.value">
                             <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
                                {{ item.text || item.label }}
                             </span>
                            </a-select-option>
                        </a-select>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.politicId}" prop="politicId">
                        <a-select v-model="form.gender" placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.gender}"  >
                            <a-select-option :value="undefined">${uiLabelMap.pleaseInput}</a-select-option>
                            <a-select-option v-for="(item, key) in politicIdList" :key="key" :value="item.value">
                             <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
                                {{ item.text || item.label }}
                             </span>
                            </a-select-option>
                        </a-select>
                    </a-form-model-item>
                </a-col>

                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.nativePlace}" prop="nativePlace">
                        <a-input v-model="form.nativePlace"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.nativePlace}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.household}" prop="household">
                        <a-select v-model="form.gender" placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.gender}"  >
                            <a-select-option :value="undefined">${uiLabelMap.pleaseInput}</a-select-option>
                            <a-select-option v-for="(item, key) in householdList" :key="key" :value="item.value">
                             <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
                                {{ item.text || item.label }}
                             </span>
                            </a-select-option>
                        </a-select>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.householdLocation}" prop="householdLocation">
                        <a-input v-model="form.householdLocation"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.householdLocation}"></a-input>
                    </a-form-model-item>
                </a-col>

                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.phone}" prop="phone">
                        <a-input v-model="form.phone"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.phone}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.companyEmail}" prop="companyEmail">
                        <a-input v-model="form.companyEmail"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.companyEmail}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.workAge}" prop="workAge">
                        <a-input v-model="form.workAge"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.workAge}"></a-input>
                    </a-form-model-item>
                </a-col>

                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.email}" prop="email">
                        <a-input v-model="form.email"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.email}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.address}" prop="address">
                        <a-input v-model="form.address"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.address}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.postCode}" prop="postCode">
                        <a-input v-model="form.postCode"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.postCode}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.emergencyContact}" prop="emergencyContact">
                        <a-input v-model="form.emergencyContact"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.emergencyContact}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.contactRelationship}" prop="contactRelationship">
                        <a-input v-model="form.contactRelationship"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.contactRelationship}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.contactNumber}" prop="contactNumber">
                        <a-input v-model="form.contactNumber"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.contactNumber}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.tiptopDegree}" prop="tiptopDegree">
                        <a-select v-model="form.gender" placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.gender}"  >
                            <a-select-option :value="undefined">${uiLabelMap.pleaseInput}</a-select-option>
                            <a-select-option v-for="(item, key) in tiptopDegreeList" :key="key" :value="item.value">
                             <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
                                {{ item.text || item.label }}
                             </span>
                            </a-select-option>
                        </a-select>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.specialty}" prop="specialty">
                        <a-input v-model="form.specialty"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.specialty}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.school}" prop="school">
                        <a-input v-model="form.school"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.school}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8" v-if="false">
                    <a-form-model-item label="${uiLabelMap.masterSpecialty}" prop="masterSpecialty">
                        <a-input v-model="form.masterSpecialty"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.masterSpecialty}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8" v-if="false">
                    <a-form-model-item label="${uiLabelMap.masterSchool}" prop="masterSchool">
                        <a-input v-model="form.masterSchool"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.masterSchool}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.bankCard}" prop="bankCard">
                        <a-input v-model="form.bankCard"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.bankCard}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.bankOfDeposit}" prop="bankOfDeposit">
                        <a-input v-model="form.bankOfDeposit"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.bankOfDeposit}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.jobLevelId}" prop="jobLevel">
                        <a-input v-model="form.jobLevel"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.jobLevelId}"></a-input>
                    </a-form-model-item>
                </a-col>
            </a-row>
        </a-descriptions>


        <a-descriptions title="${uiLabelMap.workInfo}" >
            <a-row>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.companyName}" prop="companyName">
                        <a-select v-model="form.gender" placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.gender}"  >
                            <a-select-option :value="undefined">${uiLabelMap.pleaseInput}</a-select-option>
                            <a-select-option v-for="(item, key) in companyNameList" :key="key" :value="item.value">
                             <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
                                {{ item.text || item.label }}
                             </span>
                            </a-select-option>
                        </a-select>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.engageForm}" prop="engageForm">
                        <a-select v-model="form.gender" placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.gender}"  >
                            <a-select-option :value="undefined">${uiLabelMap.pleaseInput}</a-select-option>
                            <a-select-option v-for="(item, key) in engageFormList" :key="key" :value="item.value">
                             <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
                                {{ item.text || item.label }}
                             </span>
                            </a-select-option>
                        </a-select>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.categoryId}" prop="categoryId">
                        <a-select v-model="form.gender" placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.gender}"  >
                            <a-select-option :value="undefined">${uiLabelMap.pleaseInput}</a-select-option>
                            <a-select-option v-for="(item, key) in categoryIdList" :key="key" :value="item.value">
                             <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
                                {{ item.text || item.label }}
                             </span>
                            </a-select-option>
                        </a-select>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.departmentId}" prop="departmentId">
                        <a-select v-model="form.gender" placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.gender}"  >
                            <a-select-option :value="undefined">${uiLabelMap.pleaseInput}</a-select-option>
                            <a-select-option v-for="(item, key) in departmentIdList" :key="key" :value="item.value">
                             <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
                                {{ item.text || item.label }}
                             </span>
                            </a-select-option>
                        </a-select>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.positionRank}" prop="positionRank">
                        <a-select v-model="form.gender" placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.gender}"  >
                            <a-select-option :value="undefined">${uiLabelMap.pleaseInput}</a-select-option>
                            <a-select-option v-for="(item, key) in positionRankList" :key="key" :value="item.value">
                             <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
                                {{ item.text || item.label }}
                             </span>
                            </a-select-option>
                        </a-select>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.positionName}" prop="positionName">
                        <a-input v-model="form.positionName"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.positionName}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.reportTo}" prop="reportTo">
                        <a-input v-model="form.reportTo"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.reportTo}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.workAddress}" prop="workAddress">
                        <a-input v-model="form.workAddress"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.workAddress}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.workState}" prop="workState">
                        <a-select v-model="form.gender" placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.gender}"  >
                            <a-select-option :value="undefined">${uiLabelMap.pleaseInput}</a-select-option>
                            <a-select-option v-for="(item, key) in workStateList" :key="key" :value="item.value">
                             <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
                                {{ item.text || item.label }}
                             </span>
                            </a-select-option>
                        </a-select>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.beginDate}" prop="beginDate">
                        <a-input v-model="form.beginDate"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.beginDate}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.conversionTime}" prop="conversionTime">
                        <a-input v-model="form.conversionTime"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.conversionTime}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.notWorkDate}" prop="notWorkDate">
                        <a-input v-model="form.notWorkDate"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.notWorkDate}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.beginContract}" prop="beginContract">
                        <a-input v-model="form.beginContract"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.beginContract}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.endContract}" prop="endContract">
                        <a-input v-model="form.endContract"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.endContract}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.contTerm}" prop="contTerm">
                        <a-input v-model="form.contTerm"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.contTerm}"></a-input>
                    </a-form-model-item>
                </a-col>
            </a-row>
        </a-descriptions>


        <a-descriptions title="${uiLabelMap.uploadInfo}" >
            <a-row>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.eduPath}" prop="eduPath">
                        <a-input v-model="form.eduPath"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.eduPath}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.degreePath}" prop="degreePath">
                        <a-input v-model="form.degreePath"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.degreePath}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.eduMasterPath}" prop="eduMasterPath">
                        <a-input v-model="form.eduMasterPath"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.eduMasterPath}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.degreemasterPath}" prop="degreemasterPath">
                        <a-input v-model="form.degreemasterPath"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.degreemasterPath}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.idCard1Path}" prop="idCard1Path">
                        <a-input v-model="form.idCard1Path"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.idCard1Path}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.idCard2Path}" prop="idCard2Path">
                        <a-input v-model="form.idCard2Path"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.idCard2Path}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.resignLetterPath}" prop="resignLetterPath">
                        <a-input v-model="form.resignLetterPath"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.resignLetterPath}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.xuexinEduPath}" prop="xuexinEduPath">
                        <a-input v-model="form.xuexinEduPath"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.xuexinEduPath}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.xuexinEduMasterPath}" prop="xuexinEduMasterPath">
                        <a-input v-model="form.xuexinEduMasterPath"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.xuexinEduMasterPath}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.lifePhoto}" prop="lifePhoto">
                        <a-input v-model="form.lifePhoto"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.lifePhoto}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.workPhoto}" prop="workPhoto">
                        <a-input v-model="form.workPhoto"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.workPhoto}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.cet4Path}" prop="cet4Path">
                        <a-input v-model="form.cet4Path"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.cet4Path}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.cet6Path}" prop="cet6Path">
                        <a-input v-model="form.cet6Path"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.cet6Path}"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="${uiLabelMap.otherEduPath}" prop="otherEduPath">
                        <a-input v-model="form.otherEduPath"  placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.otherEduPath}"></a-input>
                    </a-form-model-item>
                </a-col>
            </a-row>
        </a-descriptions>
    </a-form-model>





	<div v-else style="height:750px;font-size:18px">{{result}}</div>


</div>
</body>

<script type="text/javascript" src="/sysServer/images/js/axios.min.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ant-design-vue@1.7.1/dist/antd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js"></script>
<link href="https://cdn.jsdelivr.net/npm/ant-design-vue@1.7.1/dist/antd.min.css" rel="stylesheet"
      type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
<script>
    moment().format();
</script>
<script>
	var indexVue = new Vue({
		el: '#index',
		data: {
            state: true,
            labelCol: { span: 8 },
            wrapperCol: { span: 16 },
			form: {
				name: '',
				nameEn: '',
				gender: '',
				birthday: undefined,
				idCard: '',
				wedlock: '',
				nationId: '',
				nativePlace: '',
				politicId: '',
				email: '',
				phone: '',
                companyEmail: '',
				address: '',
                postCode: '',
				jobLevelId: '',
				engageForm: '',
				tiptopDegree: '',
				specialty: '',
				school: '',
        		masterSpecialty: '',
				masterSchool: '',
				eduPath: '',
				workAge: '',
				beginDate: '',
				workState: '',
				workID: '',
				companyName: '',
				contractTerm: '',
				conversionTime: '',
				notWorkDate: '',
				beginContract: '',
				endContract: '',
				uploadPath: '',
				household: '',
				householdLocation: '',
				workAddress: '',
				reportTo: '',
				estimateBeginDate: '',
				bankCard: '',
				bankOfDeposit: '',
				emergencyContact: '',
				contactRelationship: '',
				contactNumber: '',
        		degreePath:'',
        		eduValidatePath: '',
        		eduMasterPath: '',
        		degreemasterPath: '',
        		eduValidatemasterPath: '',
        		idCard1Path: '',
        		idCard2Path: '',
        		resignLetterPath: '',
        		xuexinEduPath: '',
        		xuexinEduMasterPath: '',
        		lifePhoto: '',
        		workPhoto: '',
        		cet4Path: '',
        		cet6Path: '',
        		otherEduPath: '',
        		categoryId: '',
        		departmentId: '',
        		positionRank: '',
        		positionName: '',
        		reportTo:'',
        		workAddress: '',
        		workState: '',
        		contTerm: '',
			},
            rules: {
                name: [
                    { required: true, message: '请输入员工姓名', trigger: 'blur' },
                ],
                nameEn: [
                    {required: true, message: '请输入英文名!',trigger: 'blur'},
                ],
                gender: [
                    {required: true, message: '请输入性别!',trigger: 'blur'},
                ],
                birthday: [
                    {required: true, message: '请输入出生日期!',trigger: 'blur'},
                ],
                idCard: [
                    {required: true, message: '请输入身份证!',trigger: 'blur'},
                ],
                wedlock: [
                    {required: true, message: '请输入婚姻状况!',trigger: 'blur'},
                ],
                nationId: [
                    {required: true, message: '请输入民族!',trigger: 'blur'},
                ],
                nativePlace: [
                    {required: true, message: '请输入籍贯!',trigger: 'blur'},
                ],
                email: [
                    {required: true, message: '请输入邮箱!',trigger: 'blur'},
                    {pattern: /^([\w]+\.*)([\w]+)@[\w]+\.\w{3}(\.\w{2}|)$/, message: '请输入正确的电子邮件!',trigger: 'blur'},
                    {pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号码!',trigger: 'blur'},
                ],
                phone: [
                    {required: true, message: '请输入电话号码!',trigger: 'blur'},
                    {pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号码!',trigger: 'blur'},
                ],
                departmentId: [
                    {required: true, message: '请输入所属部门!',trigger: 'blur'},
                ],
                jobLevel: [
                    {required: true, message: '请输入职称ID!',trigger: 'blur'},
                ],
                companyName: [
                    {required: true, message: '请输入合作关系公司!',trigger: 'blur'},
                ],
                categoryId: [
                    {required: true, message: '请选择员工分类!',trigger: 'blur'},
                ],
                positionName: [
                    {required: true, message: '请输入现任岗位!',trigger: 'blur'},
                ],
                reportTo: [
                    {required: true, message: '请输入直属上级!',trigger: 'blur'},
                ],
                workAddress: [
                    {required: true, message: '请输入工作地点!',trigger: 'blur'},
                ],
                positionRank: [
                    {required: true, message: '请选择职级!',trigger: 'blur'},
                ],
                engageForm: [
                    {required: true, message: '请输入聘用形式!',trigger: 'blur'},
                ],
                tiptopDegree: [
                    {required: true, message: '请输入最高学历!',trigger: 'blur'},
                ],
                specialty: [
                    {required: true, message: '请输入本科所属专业!',trigger: 'blur'},
                ],
                school: [
                    {required: true, message: '请输入本科毕业院校!',trigger: 'blur'},
                ],
                masterSpecialty: [
                    {required: true, message: '请输入研究生所属专业!',trigger: 'blur'},
                ],
                masterSchool: [
                    {required: true, message: '请输入研究生毕业院校!',trigger: 'blur'},
                ],
                workAge: [
                    {required: true, message: '请输入工龄!',trigger: 'blur'},
                ],
                beginDate: [
                    {required: true, message: '请输入入职日期!',trigger: 'blur'},
                ],
                workState: [
                    {required: true, message: '请输入员工状态!',trigger: 'blur'},
                ],
                contTerm: [
                    {required: true, message: '请输入合同期限!',trigger: 'blur'},
                ],
                conversionTime: [
                    {required: true, message: '请选择转正日期!',trigger: 'blur'},
                ],
                beginContract: [
                    {required: true, message: '请输入合同起始日期!',trigger: 'blur'},
                ],
                endContract: [
                    {required: true, message: '请输入合同终止日期!',trigger: 'blur'},
                ],
                household: [
                    {required: true, message: '请输入户籍类型!',trigger: 'blur'},
                ],
                householdLocation: [
                    {required: true, message: '请输入户籍所在地!',trigger: 'blur'},
                ],
                estimateBeginDate: [
                    {required: true, message: '请输入预计入职日期!',trigger: 'blur'},
                ],
                bankCard: [
                    {required: true, message: '请输入银行卡号!',trigger: 'blur'},
                ],
                bankOfDeposit: [
                    {required: true, message: '请输入开户行!',trigger: 'blur'},
                ],
                contactNumber: [
                    {pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号码!',trigger: 'blur'},
                ],
                eduPath: [
                    {required: true, message: '请上传学历证书!',trigger: 'blur'},
                ],
                degreePath: [
                    {required: true, message: '请上传学位证书!',trigger: 'blur'},
                ],

                eduValidatePath: [
                    {required: true, message: '请上传学历验证报告!',trigger: 'blur'},
                ],
                idCard1Path: [
                    {required: true, message: '请上传身份证（国徽面）!',trigger: 'blur'},
                ],
                idCard2Path: [
                    {required: true, message: '请上传身份证（人像面）!',trigger: 'blur'},
                ],
                resignLetterPath: [
                    {required: true, message: '请上传前公司离职证明!',trigger: 'blur'},
                ],
                cet4Path: [
                    {required: true, message: '请上传四级证书!',trigger: 'blur'},
                ],
                cet6Path: [
                    {required: true, message: '请上传六级证书!',trigger: 'blur'},
                ],
                otherEduPath: [
                    {required: true, message: '请上传其他证书!',trigger: 'blur'},
                ],
                xuexinEduPath: [
                    {required: true, message: '请上传学信网本科学历认证!',trigger: 'blur'},
                ],
                lifePhoto: [
                    {required: true, message: '请上传生活照!',trigger: 'blur'},
                ],
                workPhoto: [
                    {required: true, message: '请上传证件照!',trigger: 'blur'},
                ],
                eduMasterPath: [
                    {required: true, message: '请上传硕士学历证书!',trigger: 'blur'},
                ],
                degreemasterPath: [
                    {required: true, message: '请上传硕士学位证书!',trigger: 'blur'},
                ],
                eduValidatemasterPath: [
                    {required: true, message: '请上传硕士学历验证报告!',trigger: 'blur'},
                ],
                xuexinEduMasterPath: [
                    {required: true, message: '请上传学信网研究生学历认证!',trigger: 'blur'},
                ],
            },
			education: false,
			genderList: [],
			wedlockList: [],
			nationIdList: [],
			politicIdList: [],
			jobLevelIdList: [],
			engageFormList: [],
			tiptopDegreeList: [],
			householdList: [],
      		categoryIdList:[],
      		positionRankList:[],
      		workStateList:[],
			departmentIdList: [],
            companyNameList: [],
			state: true,
			result: '',
      		modellist:[],
      		chooseCategoryId:[],
      		chooseTiptopDegree:[],
		},
		mounted: function () {
            let id = '${(parameters.id)!}';
            if(id){
                this.init();
                this.getGenderData();
                this.getWedlockData();
                this.getNationIdData();
                this.getPoliticIdData();
                this.getEngageFormData();
                this.getJobLevelIdData();
                this.getTiptopDegreeData();
                this.getHouseholdData();
                this.getCategoryIdData();
                this.getpositionRankData();
                this.getworkStateData();
                this.getDepartmentIdData();
            }
		},
    watch: {
           chooseCategoryId: {
             handler: function () {
                 setTimeout(() => { this.selectChange(this.chooseTiptopDegree) }, 300);
             },
             deep: true,
           },
           chooseTiptopDegree: {
             handler: function () {
                 setTimeout(() => { this.selectType(this.chooseCategoryId) }, 300);
             },
             deep: true,
           },
         },
		methods: {
            moment,
			changeTimeStamp(timestamp) {
				if(timestamp ==0){ return ``}
				let time1 = new Date(Number(timestamp))
				let year = time1.getFullYear()
				let month = time1.getMonth() + 1
				let day = time1.getDate()
				// let hour = time1.getHours()
				// let min = time1.getMinutes()
				// let seconds = time1.getSeconds()
				month = month < 10 ? '0' + month : month
				day = day < 10 ? '0' + day : day
				// hour = hour < 10 ? '0' + hour : hour
				// min = min < 10 ? '0' + min : min
				// seconds = seconds < 10 ? '0' + seconds : seconds
				return year+"-"+month+"-"+day
			},
			init: function () {
				axios.post('getHrEmployeeRecordJson', {
					id: '${(parameters.id)!}'
				}).then(response => {
				    if(response.data.nfs){
                        this.form = response.data.nfs
                    }
                    if(this.form){
                        let ss = response.data.nfs.birthday
                        let ss2 = response.data.nfs.beginDate
                        let ss3 = response.data.nfs.estimateBeginDate
                        let ss4 = response.data.nfs.conversionTime
                        let ss5 = response.data.nfs.notWorkDate
                        let ss6 = response.data.nfs.beginContract
                        let ss7 = response.data.nfs.endContract
                        this.form.birthday = this.changeTimeStamp(ss)
                        this.form.beginDate = this.changeTimeStamp(ss2)
                        this.form.estimateBeginDate = this.changeTimeStamp(ss3)
                        this.form.conversionTime = this.changeTimeStamp(ss4)
                        this.form.notWorkDate = this.changeTimeStamp(ss5)
                        this.form.beginContract = this.changeTimeStamp(ss6)
                        this.form.endContract = this.changeTimeStamp(ss7)
                    }
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getGenderData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =USER_SEX'
				}).then(response => {
					console.log(response)
					this.genderList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getWedlockData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =EMP_MARITAL_STATUS'
				}).then(response => {
					console.log(response)
					this.wedlockList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getNationIdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =ETHNICITY'
				}).then(response => {
					console.log(response)
					this.nationIdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getPoliticIdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =EMP_PARTY'
				}).then(response => {
					console.log(response)
					this.politicIdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getJobLevelIdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =JOB_LEVEL'
				}).then(response => {
					console.log(response)
					this.jobLevelIdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getEngageFormData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =WORK_TYPE'
				}).then(response => {
					console.log(response)
					this.engageFormList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getCategoryIdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =STAFF_SORT'
				}).then(response => {
					console.log(response)
					this.categoryIdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},

      getpositionRankData() {
      	axios.post('dict/getDictItems/', {
      		dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =POSITION_RANK'
      	}).then(response => {
      		console.log(response)
      		this.positionRankList = response.data.result
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getworkStateData() {
      	axios.post('dict/getDictItems/', {
      		dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =EMP_WORK_STATE'
      	}).then(response => {
      		console.log(response)
      		this.workStateList = response.data.result
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getTiptopDegreeData() {
      	axios.post('dict/getDictItems/', {
      		dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =EMP_EDUCATION'
      	}).then(response => {
      		console.log(response)
      		this.tiptopDegreeList = response.data.result
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
			getHouseholdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =HOUSEHOLD'
				}).then(response => {
					console.log(response)
					this.householdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getDepartmentIdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'HrDepartment,name,departmentId'
				}).then(response => {
					console.log(response)
					this.departmentIdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.eduPath = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
      getFile1(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.degreePath = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile2(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.eduValidatePath = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile3(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.eduMasterPath = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile4(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.degreemasterPath = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile5(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.eduValidatemasterPath = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile6(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.idCard1Path = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile7(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.idCard2Path = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile8(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.resignLetterPath = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile9(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.xuexinEduPath = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile10(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.xuexinEduMasterPath = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile11(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.lifePhoto = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile12(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.workPhoto = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile13(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.cet4Path = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile14(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.cet6Path = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },
      getFile15(e){
      	this.file = e.target.files[0];
      	let fileData = new FormData()
      	fileData.append('file',this.file)
      	axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
      		this.form.otherEduPath = response.data.result.fileMessage
      	})
      .catch(function (error) {
      		console.log(error);
      	});
      },

			addEmp() {
                if (!this.form.name){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.name}!"
                    });
                    return false
                }
                if (!this.form.nameEn){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.nameEn}!"
                    });
                    return false
                }
                if (!this.form.gender){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.gender}!"
                    });
                    return false
                }
                if (!this.form.idCard){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.idCard}!"
                    });
                    return false
                }
                if (!this.form.birthday){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.birthday}!"
                    });
                    return false
                }
                if (!this.form.nationId){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.nationId}!"
                    });
                    return false
                }
                if (!this.form.nativePlace){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.nativePlace}!"
                    });
                    return false
                }
                if (!this.form.householdLocation){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.householdLocation}!"
                    });
                    return false
                }
                if (!this.form.phone){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.phone}!"
                    });
                    return false
                }
                if (!this.form.companyEmail){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.companyEmail}!"
                    });
                    return false
                }
                if (!this.form.workAge){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.workAge}!"
                    });
                    return false
                }
                if (!this.form.email){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.email}!"
                    });
                    return false
                }
                if (!this.form.tiptopDegree){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.tiptopDegree}!"
                    });
                    return false
                }
                if (!this.form.specialty){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.specialty}!"
                    });
                    return false
                }
                if (!this.form.school){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.school}!"
                    });
                    return false
                }
                if (!this.form.masterSpecialty){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.masterSpecialty}!"
                    });
                    return false
                }
                if (!this.form.masterSchool){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.masterSchool}!"
                    });
                    return false
                }
                if (!this.form.jobLevelId){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.jobLevelId}!"
                    });
                    return false
                }
                if (!this.form.companyName){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.companyName}!"
                    });
                    return false
                }
                if (!this.form.engageForm){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.engageForm}!"
                    });
                    return false
                }
                if (!this.form.categoryId){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.categoryId}!"
                    });
                    return false
                }
				if (!this.form.departmentId){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.departmentId}!"
					});
					return false
				}
                if (!this.form.positionRank){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.positionRank}!"
                    });
                    return false
                }
                if (!this.form.positionName){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.positionName}!"
                    });
                    return false
                }
                if (!this.form.reportTo){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.reportTo}!"
                    });
                    return false
                }
                if (!this.form.workAddress){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.workAddress}!"
                    });
                    return false
                }
                if (!this.form.workState){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.workState}!"
                    });
                    return false
                }
                if (!this.form.beginDate){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.beginDate}!"
                    });
                    return false
                }

                if (!this.form.estimateBeginDate){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.estimateBeginDate}!"
                    });
                    return false
                }
                if (!this.form.conversionTime){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.conversionTime}!"
                    });
                    return false
                }
                if (!this.form.contTerm){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.contTerm}!"
                    });
                    return false
                }
                if (!this.form.eduPath){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.eduPath}!"
                    });
                    return false
                }
                if (!this.form.degreePath){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.degreePath}!"
                    });
                    return false
                }
                if (!this.form.eduMasterPath){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.eduMasterPath}!"
                    });
                    return false
                }
                if (!this.form.degreemasterPath){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.degreemasterPath}!"
                    });
                    return false
                }
                if (!this.form.eduValidatemasterPath){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.eduValidatemasterPath}!"
                    });
                    return false
                }
                if (!this.form.idCard1Path){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.idCard1Path}!"
                    });
                    return false
                }
                if (!this.form.idCard2Path){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.idCard2Path}!"
                    });
                    return false
                }
                if (!this.form.resignLetterPath){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.resignLetterPath}!"
                    });
                    return false
                }
                if (!this.form.xuexinEduPath){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.xuexinEduPath}!"
                    });
                    return false
                }
                if (!this.form.xuexinEduMasterPath){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.xuexinEduMasterPath}!"
                    });
                    return false
                }
                if (!this.form.lifePhoto){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.lifePhoto}!"
                    });
                    return false
                }
                if (!this.form.workPhoto){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.workPhoto}!"
                    });
                    return false
                }


				axios.post('saveHrEmployeeRecord',this.form ).then(response => {
					//this.state = false
                    if(response.data.name){
					    location.href = "/sysServer/online/editEmployeeSuccess";
                        //this.result = "${StringUtil.wrapString(uiLabelMap.EmployeeSuccess)!}";
                    }
					//this.result = response.data
				})
			.catch(function (error) {
					console.log(error);
				});

			},
      selectChange(e){
          this.chooseTiptopDegree = e
          if(this.chooseCategoryId == 8){
            this.modellist= []
            return;
          }
          if((this.chooseCategoryId == 1 || this.chooseCategoryId == 2) && e >6){
            this.modellist.push('eduMasterPath','degreemasterPath')
            return;
          }
          if((this.chooseCategoryId == 1 || this.chooseCategoryId == 2) && e < 7){
            this.modellist = ['eduPath','degreePath','resignLetterPath','lifePhoto','workPhoto']
            return;
          }
          if(e >6 && (this.chooseCategoryId.indexOf(['1','2','8']) == -1)){
            this.modellist = ['eduPath','degreePath','eduMasterPath','degreemasterPath','xuexinEduPath','xuexinEduMasterPath','lifePhoto','workPhoto']
          }
          if(e <7 && (this.chooseCategoryId.indexOf(['1','2','8']) == -1)){
            this.modellist = ['eduPath','degreePath','xuexinEduPath','lifePhoto','workPhoto']
          }
          let  number= parseInt(e)
          if (number>6) {
            this.education = true
          }
          else {
            this.education = false
          }
        },
      selectType(e) {
              this.chooseCategoryId = e
              this.modellist = []
              let number = parseInt(e)
              if (number == 1 || number == 2 ) {
                this.modellist= ['eduPath','degreePath','resignLetterPath','lifePhoto','workPhoto']
              }else if(number == 8){
                this.modellist= []
              }else{
                this.modellist= ['eduPath','degreePath','resignLetterPath','lifePhoto','workPhoto']
              }
              if((number!= 1 && number!= 2 && number!=8) && this.chooseTiptopDegree >6) {
              this.modellist = ['eduPath','degreePath','eduMasterPath','degreemasterPath','xuexinEduPath','xuexinEduMasterPath','lifePhoto','workPhoto']
              }
              if((number!= 1 && number!= 2 && number!=8) && this.chooseTiptopDegree <7) {
              this.modellist = ['eduPath','degreePath','lifePhoto','workPhoto']
              }
           }
		}
	})
</script>

<style>
	#index {
		padding: 50px;
		background: url(http://eim.kejicloud.com/app/assets/background3.jpg);
		background-size: 100%;
	}

    .ant-descriptions {
        border: 2px solid #D9D9D9;
        padding: 30px;
        margin-bottom: 20px;
        border-radius: 20px;
    }
    .ant-descriptions-item-content {
        width: 100%;
    }
  .box {
    border: darkgray solid 3px;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 30px;
  }
  .boxtitle {
    display: inline-block;
    padding: 20px;
    font-size: 25px;
  }
	.btn {
		width: 120px;
		background-color: #32b84b;
		color: #fff;
		border-color: #32b84b;
		border-radius: 5px;
		line-height: 32px;
		position: relative;
		display: inline-block;
		font-weight: 400;
		white-space: nowrap;
		text-align: center;
		background-image: none;
		border: 1px solid transparent;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
		cursor: pointer;
		transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, .7);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		touch-action: manipulation;
		height: 32px;
		padding: 0 15px;
		font-size: 14px;
		border-radius: 4px;
	}

	.btn:hover {
		background-color: #32cf4b;
	}

	select {
		box-sizing: border-box;
		margin: 0;
		font-variant: tabular-nums;
		list-style: none;
		font-feature-settings: "tnum";
		position: relative;
		display: inline-block;
		width: 100%;
		height: 32px;
		padding: 4px 11px;
		color: rgba(0, 0, 0, .65);
		font-size: 14px;
		line-height: 1.5;
		background-color: #fff;
		background-image: none;
		border: 1px solid #d9d9d9;
		border-radius: 4px;
		transition: all .3s;
	}

	input {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		font-variant: tabular-nums;
		list-style: none;
		font-feature-settings: 'tnum';
		position: relative;
		display: inline-block;
		width: 100%;
		height: 32px;
		padding: 4px 11px;
		color: rgba(0, 0, 0, 0.65);
		font-size: 14px;
		line-height: 1.5;
		background-color: #fff;
		background-image: none;
		border: 1px solid #d9d9d9;
		border-radius: 4px;
		transition: all 0.3s;
	}
	#personalMaterial{
		width: 60px;
		height: 60px;
		position: absolute;
		opacity: 0;
	}
	.file_bg{
		text-align: center;
		background-color: #fff;
		width: 60px;
		height: 60px;
		position: relative;
	}
	.file_bg img{
		left: 0;
		width: 100%;
		vertical-align: middle;
		border-style: none;
		position: absolute;
	}

</style>

</html>